<!DOCtype>
<html>
<head>
<title>闲人聚会-行走在时光中的闲人，想找个聚集地</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="php，技术博客，生活博客">
<meta name="robots" content="index">
<meta name="author" content="464171544@qq.com">
<meta name="keywords" content="php博客，new一个对象，博客，php，闲人聚会，技术博客">
<link rel="stylesheet" href="/static/css/music.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1027443_e7fzarmdir.css">
<link rel="stylesheet" href="/static/element/index.css">
<script src="/static/js/vue.js"></script>
<script src="/static/js/smooth.js"></script>
<script src="/static/js/jquery.js"></script>
<script src="/static/element/index.js"></script>
<script src="/static/js/common.js"></script>
<script>
$(function(){
	var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
    	bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
	}else{
		bp.src = 'http://push.zhanzhang.baidu.com/push.js';
	}
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
});
</script>
</head>
<body>
<div id = "box">
	<!--蒙版  -->
	<div class="bg-div"></div>
	<!--左侧菜单栏  -->
	<div :class="bar_show ? 'left-content left-content-show' : 'left-content left-content-hide'">
		<!--博客名称  -->
		<h1 class="blog-name">闲人聚会</h1>
		<!--博客菜单  -->
		<ul class="blog-menu">
			<li @click="linkMenu(key);" v-for = "(item,key) in menus" :class="menu_index == key ? 'menu-active' : ''">{{item.name}}<span class="eng-menu">{{item.eng}}</span></li>
		</ul>
		<!--标签库  -->
		<ul class="badge-list">
			<li v-for="item in list.badges">
				<a href="###" class="badge-link">{{item.name}}</a>
			</li>
		</ul>
	</div>
	<div :class="bar_show ? 'right-content right-content-small' : 'right-content right-content-big'">
		<!--menu按钮  -->
		<el-button type="danger" :class="bar_show ? 'menu-bar menu-bar-show' : 'menu-bar menu-bar-hide'" size="mini" :icon="bar_show ? 'iconfont icon-guanbi' : 'iconfont icon-bars'" @click.stop="setLeftBar()"></el-button>
		<!--头部首页  -->
		<div class="user-header">
			<div class="bloger-info">
				<div class="bloger-header-box">
					<img src="https://www.gsmjb.com//upload/headurl2019/01/26/190126145201341.jpeg" class="bloger-header">
				</div>
				<div class="bloger-name">{{list.bloger.eng_name}} | {{list.bloger.user_name}}</div>
				<div class="bloger-badge">{{list.bloger.badge}}</div>
				<div class="bloger-brief">{{list.bloger.brief}}</div>
				<ul class="bloger-contact">
					<li><i class="iconfont icon-facebookfacebook51"></i></li>
					<li><i class="iconfont icon-twitter"></i></li>
					<li><i class="iconfont icon-google"></i></li>
					<li><i class="iconfont icon-linkedin1"></i></li>
					<li><i class="iconfont icon-pinterestpinterest31"></i></li>
				</ul>
			</div>
		</div>